<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>仪表实时监控</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../mainte_js/report/monitInstrume'
        };
        var cssFileLoadArr = ['/content/css/monitor.css', '/content/css/monitInstrume.css'];
    </script>

    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=7d24e3c0b1de00fcfc07dcb16ac3a087"></script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>

</head>
<body class="site-body" style="background-color: #fff;padding: 10px;overflow:auto;">
<div id="monitor" style="float: left;"></div>

<a class="btn" id="styleChangeBtn" style="float: left;">风格切换</a>

<a class="btn meter-lock-car" data-authority="c9ace77b7cf548d485a06ebccd168af8" style="display: none;float: left;"
   id="carLock">车辆未锁定(点击锁定)</a>

<div class="clearfix"></div>
<div class="meter-wrap">
    <div class="monitor-wrap" style="z-index: 99;">
        <a class="enlarge"></a>
        <div class="gps-icon1" title="GPS离线"></div>

        <div id="iCenter" class="map-box"
             style="width: 100%;height: 100%;padding: 0;">

        </div>
    </div>

    <div class="station-info-wrap" id="detail-info">
        <h3 id="line-info">线路 车牌号</h3>

        <div class="station-info clearfix">
            <div class="prev-station arrive" id="prev-station">
                <i class="icon-station"></i>当前站
            </div>
            <div class="arrow">
                <span>开往</span>
            </div>
            <div class="next-station">
                <i class="icon-station"></i>下一站
            </div>
        </div>

    </div>

    <!-- 传统车辆区域begin -->
    <div class="generous-meter-wrap" id="tradition-energe"
         style="overflow: hidden;">

        <div class="light-flag-wrap">
            <div class="row1 clearfix">
                <!-- 左转向灯-->
                <i class="icon-flag icon-flag1" id="turnLeft" title="左转向灯"></i>
                <!-- 前雾灯-->
                <i class="icon-flag icon-flag2" id="frontFogLight" title="前雾灯"></i>
                <!-- 后雾灯-->
                <i class="icon-flag icon-flag3" id="backFogLight" title="后雾灯"></i>
                <!-- 近光灯-->
                <i class="icon-flag icon-flag4" id="nearLight" title="近光灯"></i>
                <!-- 远光灯-->
                <i class="icon-flag icon-flag5" id="farLight" title=" 远光灯"></i>
                <!-- ABS-->
                <i class="icon-flag icon-flag6" id="abs" title="ABS"></i>
                <!-- 手刹灯-->
                <i class="icon-flag icon-flag7" id="handBrakeLight" title="手刹灯"></i>
                <!-- 警告灯-->
                <i class="icon-flag icon-flag8" id="warnLight" title="警告灯"></i>
                <!-- 右转向灯-->
                <i class="icon-flag icon-flag9" id="turnRight" title="右转向灯"></i>
            </div>
            <div class="row2 clearfix">
                <!-- 刹车灯-->
                <i class="icon-flag icon-flag10" id="brakeLight" title="刹车灯"></i>
                <!-- 安全带-->
                <i class="icon-flag icon-flag11" id="safetyBelt" title="安全带"></i>
                <!-- 警告灯-2-->
                <i class="icon-flag icon-flag12" id="warnLight2" title="警告灯-2"></i>
                <!-- 3.png-->
                <!-- <i class="icon-flag icon-flag13" id="num3"></i> -->
                <!-- 电池警告-->
                <i class="icon-flag icon-flag14" id="batteryWarn" title="电池警告"></i>
                <i class="icon-flag icon-flag18" title="前车门"></i>
                <i class="icon-flag icon-flag19" title="中门"></i>
                <i class="icon-flag icon-flag16" title="后仓门开信号"></i>
                <i class="icon-flag icon-flag24" title="LED"></i>
            </div>
        </div>
        <p class="gear" id="gear">N</p>

        <div class="vol-wrap" title="蓄电池电压">
            <p id="batteryVoltage-val">
                0.0<span>v</span>
            </p>

            <div class="chart-box">
                <div class="top-bg"></div>
                <div class="num-area" style="height: 0" id="batteryVoltage-div"></div>
            </div>
        </div>
        <div class="vol-wrap vol-wrap2" title="机油压力">
            <p id="engineOilPressure-val">
                0.00<span>mpa</span>
            </p>

            <div class="chart-box">
                <div class="top-bg"></div>
                <div class="num-area" style="height: 0" id="engineOilPressure-div"></div>
            </div>
        </div>
        <div class="info-text1">
            <div>
                <h3>瞬时能耗</h3>

                <p>
                    <span id="instantFuelConsumption">0</span><span id="instantFuelConsumptionUnit">L/H</span>
                </p>
            </div>
            <div>
                <h3>尿素液位</h3>

                <p id="ureaLevel">
                    0.00<span>%</span>
                </p>
            </div>
        </div>
        <div class="info-text2">
            <p class="clearfix">
                <span id="totalMileage">0.0 <i>km</i></span>总里程
            </p>

            <p class="p-s">
                <span id="totalFuelCsut">0.00 <i>L</i></span> 总能耗
            </p>
        </div>
        <div class="oil-wrap">
            <p>
                <span id='oilnum-name' style='font-size: 14px;'>油量</span><br>
                <span id="oil-num">0<i>%</i></span>
            </p>

            <div class="bg-top"></div>
            <div class="num-area" style="height: 0"></div>
        </div>
        <div class="oil-wrap oil-wrap2" id="water-temp">
            <p>
                水温<br>
                <span>0<i>℃</i></span>
            </p>

            <div class="bg-top"></div>
            <div class="num-area" style="height: 0"></div>
        </div>
        <div class="rate-wrap">
            <h4>车速 km/h</h4>

            <p class="p1" id="speed-text">
                0<span> <i>/</i> 限55
                    </span>
            </p>
        </div>
        <div class="rate-wrap rate-wrap2">
            <h4>转速 r/min</h4>

            <p class="p1" id="rpm-text">0</p>
        </div>
        <div class="pressure-wrap">
            <p class="p1">
                前气压<br>
                <span id="frontAir-p">0.0 </span>
            </p>

            <p class="p2">mpa</p>
        </div>
        <div class="pressure-wrap pressure-wrap2">
            <p class="p1">
                后气压<br>
                <span id="backAir-p">0.0 </span>
            </p>

            <p class="p2">mpa</p>
        </div>

        <!--车速-->
        <div id="container-speed"
             style="width: 401px; height: 222px;position: absolute;left: 89px;top: 90px;"></div>

        <!--转速-->
        <div id="container-rpm"
             style="width: 401px; height: 222px;position: absolute;left: 538px;top: 90px;"></div>

        <!--前气压-->
        <div id="frontAirPressureChart"
             style="width: 194px; height: 194px;position: absolute;left: 41px;top: 205px;"></div>

        <!--后气压-->
        <div id="backAirPressureChart"
             style="width: 194px; height: 194px;position: absolute;left: 793px;top: 205px;"></div>
    </div>
    <!-- 传统车辆区域begin -->

    <!-- 新能源(电动)-->
    <div class="generous-meter-wrap new-energe-wrap" id="new-energe"
         style="overflow: hidden;display: none;">
        <div class="light-flag-wrap">
            <div class="row1 clearfix">
                <i class="icon-flag icon-flag1" id="icon-flag1" title="左转向灯"></i>
                <i class="icon-flag icon-flag2" id="icon-flag2" title="前雾灯"></i>
                <i class="icon-flag icon-flag3" id="icon-flag3" title="后雾灯"></i>
                <i class="icon-flag icon-flag4" id="icon-flag4" title="近光灯"></i>
                <i class="icon-flag icon-flag5" id="icon-flag5" title="远光灯"></i>
                <i class="icon-flag icon-flag6" id="icon-flag6" title="ABS故障"></i>
                <i class="icon-flag icon-flag7" id="icon-flag7" title="驻车制动器指示灯"></i>
                <i class="icon-flag icon-flag10" id="icon-flag10" title="脚刹指示灯"></i>
                <i class="icon-flag icon-flag9" id="icon-flag9" title="右转向灯"></i>
            </div>
            <div class="row2 clearfix">
                <i class="icon-flag icon-flag15" id="icon-flag15" title="电池充电指示灯"></i>
                <i class="icon-flag icon-flag11" id="icon-flag11" title="安全带指示灯"></i>
                <i class="icon-flag icon-flag16" id="icon-flag16" title="后仓门开信号"></i>
                <i class="icon-flag icon-flag17" id="icon-flag17" title="位置灯指示"></i>
                <i class="icon-flag icon-flag18" id="icon-flag18" title="前车门"></i>
                <i class="icon-flag icon-flag19" id="icon-flag19" title="中门"></i>
                <i class="icon-flag icon-flag25" title="电源总开关"></i>
            </div>
        </div>

        <div class="light-flag-wrap2">
            <div class="row3 clearfix">
                <i class="icon-flag icon-flag2-1" id="icon-flag2-1" title="严重故障"></i>
                <i class="icon-flag icon-flag2-2" id="icon-flag2-2" title="蓄电池指示灯"></i>
                <i class="icon-flag icon-flag2-3" id="icon-flag2-3" title="充电连接故障"></i>
                <i class="icon-flag icon-flag2-4" id="icon-flag2-4" title="胎压报警"></i>
                <i class="icon-flag icon-flag2-5" id="icon-flag2-5" title="电机过热"></i>
                <i class="icon-flag icon-flag2-6" id="icon-flag2-6" title="电机超速报警"></i>
                <i class="icon-flag icon-flag2-7" id="icon-flag2-7"
                   style="position: relative;top: 4px;" title="整车控制器故障"></i>
                <i class="icon-flag icon-flag2-8" id="icon-flag2-8" title="下车铃指示灯"></i>
            </div>
            <div class="row4 clearfix">
                <i class="icon-flag icon-flag2-9 " id="icon-flag2-9" title="干燥器"></i>
                <i class="icon-flag icon-flag2-10 ml0" id="icon-flag2-10"
                   style="margin-right: 3px" title="左蹄片报警"></i>
                <i class="icon-flag icon-flag2-11 ml0" id="icon-flag2-11"
                   style="margin-right: 3px" title="右蹄片报警"></i>
                <i class="icon-flag icon-flag2-12 ml0" id="icon-flag2-12"
                   title="ASR故障"></i>
                <i class="icon-flag icon-flag2-13"
                   id="icon-flag2-13" style="margin-left: 1px;" title="制动器故障"></i>
                <i class="icon-flag icon-flag2-14" id="icon-flag2-14" title="动力电池故障"></i>
                <i class="icon-flag icon-flag2-15" id="icon-flag2-15"
                   style="margin-left: 3px;" title="系统故障"></i>
                <i class="icon-flag icon-flag2-16" id="icon-flag2-16"
                   style="margin-left: 3px;" title="空滤报警指示灯"></i>
            </div>
        </div>

        <div class="vol-wrap">
            <p id="battery-voltage-text-2">
                0<span>v</span>
            </p>

            <div class="chart-box" title="蓄电池电压">
                <div class="top-bg"></div>
                <div class="num-area" style="height: 0" id="battery-voltage-2"></div>
            </div>
        </div>
        <div class="vol-wrap vol-wrap2">
            <p id="soc-text-2">
                0.0<span>%</span>
            </p>

            <div class="chart-box" title="SOC">
                <div class="top-bg"></div>
                <div class="num-area" style="height: 0" id="soc-2"></div>
            </div>
        </div>
        <div class="info-text1">
            <div class="ready" id="state-2">READY</div>
            <div class="degree" id="gear-2">N档</div>
        </div>
        <div class="info-text2 clearfix">
            <p class="clearfix p-s">
                <span id="subTotalMileage-2">0.0 <i>km</i></span>小计里程
            </p>

            <p class="p-s">
                <span id="totalMileage-2">0.0 <i>km</i></span> 总里程
            </p>
        </div>
        <div class="rate-wrap">
            <h4>车速 km/h</h4>

            <p class="p1" id="speed-text-2">
                0<span> <i>/</i> 限55
                    </span>
            </p>

        </div>
        <div class="rate-wrap rate-wrap2">
            <h4>转速 r/min</h4>

            <p class="p1" id="rpm-text-2">0</p>

        </div>
        <div class="pressure-wrap">
            <p class="p1">
                <span id="frontAir-p-2">0.0</span>
            </p>

            <p class="p3">前气压/mpa</p>
        </div>
        <div class="pressure-wrap pressure-wrap2">
            <p class="p1">
                <span id="backAir-p-2">0.0</span>
            </p>

            <p class="p3">后气压/mpa</p>
        </div>
        <div class="pressure-wrap pressure-wrap3">
            <p class="p1">
                <span id="bcc-text-2">0.0</span>
            </p>

            <p class="p3">电池总电流/A</p>
        </div>
        <div class="pressure-wrap pressure-wrap4">
            <p class="p1">
                <span id="bvc-text-2">0.0</span>
            </p>

            <p class="p3">电池总电压/V</p>
        </div>

        <div class="battery new-energe">
            <div class="fl">
                <p title="单体最高电压电池" id="single-high-voltage">20(箱)/10(个)/100(V)</p>

                <p title="单体最低电压电池" id="single-low-voltage">21(箱)/8(个)/70(V)</p>
            </div>
            <div class="fr">
                <p title="单体最高温度电池" id="single-high-temp">20(箱)/10(个)/70(℃)</p>

                <p title="单体最低温度电池" id="single-low-temp">10(箱)/10(个)/30(℃)</p>
            </div>
        </div>

        <!--车速-->
        <div id="container-speed-2"
             style="width: 401px; height: 222px;position: absolute;left: 21px;top: 102px;"></div>

        <!--转速-->
        <div id="container-rpm-2"
             style="width: 401px; height: 222px;position: absolute;left: 596px;top: 102px;"></div>

        <!--动力电池电压-->
        <div id="battery-voltage-chart-2"
             style="width: 161px; height: 181px;position: absolute;left: 42px;top: 307px;"></div>

        <!--动力电池电压-->
        <div id="battery-circuit-chart-2"
             style="width: 161px; height: 181px;position: absolute;left: 181px;top: 307px;"></div>

        <!--前气压-->
        <div id="frontAirPressureChart-2"
             style="width: 161px; height: 181px;position: absolute;left: 677px;top: 307px;"></div>

        <!--后气压-->
        <div id="backAirPressureChart-2"
             style="width: 161px; height: 181px;position: absolute;left: 816px;top: 307px;"></div>
    </div>

    <!-- 混合动力 -->
    <div class="generous-meter-wrap new-energe-wrap mix-energe mix-energe2" id="mixin-energe"
         style="overflow: hidden;display: none;">
        <div class="light-flag-wrap">
            <div class="row1 clearfix">
                <i class="icon-flag icon-flag1" title="左转向灯"></i>
                <i class="icon-flag icon-flag20" style="position: relative;top: 1px;"
                   title="钥匙档位"></i>
                <i class="icon-flag icon-flag2" title="前雾灯"></i>
                <i class="icon-flag icon-flag3" title="后雾灯"></i>
                <i class="icon-flag icon-flag4" title="近光灯"></i>
                <i class="icon-flag icon-flag5" title="远光灯"></i>
                <i class="icon-flag icon-flag6" title="ABS故障"></i>
                <i class="icon-flag icon-flag7" title="驻车制动器指示灯"></i>
                <i class="icon-flag icon-flag10" title="脚刹指示灯"></i>
                <i class="icon-flag icon-flag21" title="发动机预热"></i>
                <i class="icon-flag icon-flag9" title="右转向灯"></i>
            </div>
            <div class="row2 clearfix">
                <i class="icon-flag icon-flag22" title="发动机启动"></i>
                <i class="icon-flag icon-flag15" title="电池充电指示灯"></i>
                <i class="icon-flag icon-flag11" title="安全带指示灯"></i>
                <i class="icon-flag icon-flag16" title="后仓门开信号"></i>
                <i class="icon-flag icon-flag17" title="位置灯指示"></i>
                <i class="icon-flag icon-flag18" title="前车门"></i>
                <i class="icon-flag icon-flag19" title="中门"></i>
                <i class="icon-flag icon-flag23" title="AC空调信号"></i>
            </div>
        </div>

        <div class="light-flag-wrap2">
            <div class="row3 clearfix">
                <i class="icon-flag icon-flag2-1" title="严重故障"></i>
                <i class="icon-flag icon-flag2-2" title="蓄电池指示灯"></i>
                <i class="icon-flag icon-flag2-3" title="充电连接故障"></i>
                <i class="icon-flag icon-flag2-4" title="胎压报警"></i>
                <i class="icon-flag icon-flag2-5" title="电机过热"></i>
                <i class="icon-flag icon-flag2-6" title="电机超速报警"></i>
                <i class="icon-flag icon-flag2-7" style="position: relative;top: 4px;" title="整车控制器故障"></i>
                <i class="icon-flag icon-flag2-8" title="下车铃指示灯"></i>
            </div>
            <div class="row4 clearfix">
                <i class="icon-flag icon-flag2-9 " title="干燥器"></i>
                <i class="icon-flag icon-flag2-10 ml0" style="margin-right: 3px" title="左蹄片报警"></i>
                <i class="icon-flag icon-flag2-11 ml0" style="margin-right: 3px" title="右蹄片报警"></i>
                <i class="icon-flag icon-flag2-12 ml0" title="ASR故障"></i>
                <i class="icon-flag icon-flag2-13" style="margin-left: 1px;" title="制动器故障"></i>
                <i class="icon-flag icon-flag2-14" title="动力电池故障"></i>
                <i class="icon-flag icon-flag2-15" style="margin-left: 3px;" title="系统故障"></i>
                <i class="icon-flag icon-flag2-16" style="margin-left: 3px;" title="空滤报警指示灯"></i>
            </div>
        </div>

        <div class="vol-wrap">
            <p id="battery-voltage-text-3">
                0<span>v</span>
            </p>

            <div class="chart-box" title="蓄电池电压">
                <div class="top-bg"></div>
                <div class="num-area" style="height: 0" id="battery-voltage-3"></div>
            </div>
        </div>
        <div class="vol-wrap vol-wrap2">
            <p id="soc-text-3">
                0.0<span>%</span>
            </p>

            <div class="chart-box" title="SOC">
                <div class="top-bg"></div>
                <div class="num-area" style="height: 0" id="soc-3"></div>
            </div>
        </div>
        <div class="vol-wrap vol-wrap3" id="engineOilPressure-3">
            <p>0<span>mpa</span></p>

            <div class="chart-box">
                <div class="top-bg"></div>
                <div class="num-area"></div>
            </div>
        </div>
        <div class="vol-wrap vol-wrap4" id="water-temp-3">
            <p>0<span>℃</span></p>

            <div class="chart-box">
                <div class="top-bg"></div>
                <div class="num-area"></div>
            </div>
        </div>


        <div class="info-text3">
            <div class="ready" id="state-3">READY</div>
            <div class="degree" id="gear-3">N档</div>
        </div>
        <div class="info-text4">
            <div>
                <h3>瞬时能耗</h3>

                <p id="instEnergy-3">0.0<span>L/H</span></p>
            </div>
            <div>
                <h3>尿素</h3>

                <p id="carbamide-3">0.0<span>%</span></p>
            </div>
        </div>
        <div class="info-text2 clearfix">
            <p class="clearfix p-s">
                <span id="subTotalMileage-3">0.0 <i>km</i></span>小计里程
            </p>

            <p class="p-s">
                <span id="totalMileage-3">0.0 <i>km</i></span> 总里程
            </p>

            <p class="clearfix p-s">
                <span style="margin-right: 11px;" id="totalEnergy-3">0.0 <i>L</i></span>总能耗
            </p>
        </div>


        <div class="rate-wrap">
            <h4>车速 km/h</h4>

            <p class="p1" id="speed-text-3">
                0<span> <i>/</i> 限55
                    </span>
            </p>
        </div>
        <div class="rate-wrap rate-wrap2">
            <h4>转速 r/min</h4>

            <p class="p1" id="rpm-text-3">0</p>
        </div>
        <div class="pressure-wrap">
            <p class="p1">
                <span id="frontAir-p-3">0.0</span>
            </p>

            <p class="p3">前气压/mpa</p>
        </div>
        <div class="pressure-wrap pressure-wrap2">
            <p class="p1">
                <span id="backAir-p-3">0.0</span>
            </p>

            <p class="p3">后气压/mpa</p>
        </div>
        <div class="pressure-wrap pressure-wrap3">
            <p class="p1">
                <span id="bcc-text-3">0.0</span>
            </p>

            <p class="p3">电池总电流/A</p>
        </div>
        <div class="pressure-wrap pressure-wrap4">
            <p class="p1">
                <span id="bvc-text-3">0.0</span>
            </p>

            <p class="p3">电池总电压/V</p>
        </div>

        <div class="total-system mixin">
            <div>
                <span>整车控制系统</span>

                <p></p>
                <i id="whole-car-text"></i>
            </div>
            <div>
                <span>发动机</span>

                <p></p>
                <i id="engine-text"></i>
            </div>
            <div>
                <span>电机</span>

                <p></p>
                <i id="electrical-text"></i>
            </div>
            <div>
                <span>电机转速</span>
                <p></p>
                <i><em id="electricMachineryRotateSpeed"  name="electricMachineryRotateSpeed">0</em>r/min</i>
            </div>

        </div>

        <div class="gasbag mixin" id="left-gas-bag">
            <p></p>

            <div class="gasbag-box">
                <div class="top-bg"></div>
                <div class="num-area" style="width:17px"></div>
            </div>
            <p class="p2">左侧气囊气压</p>
        </div>
        <div class="gasbag gasbag2 mixin" id="right-gas-bag">
            <p></p>

            <div class="gasbag-box">
                <div class="top-bg"></div>
                <div class="num-area" style="width:17px"></div>
            </div>
            <p class="p2">右侧气囊气压</p>
        </div>

        <div class="foot-panel foot-panel3" id="mixin-oil">
            <div class="clearfix">
                <div class="foot-panel-box">
                    <div class="top-bg"></div>
                    <div class="num-area"></div>
                </div>
                <p class="p1"></p>
            </div>
            <p class="p2">油量</p>
        </div>

        <div class="foot-panel mixin" id="brake-pedal">
            <div class="clearfix">
                <div class="foot-panel-box">
                    <div class="top-bg"></div>
                    <div class="num-area"></div>
                </div>
                <p class="p1"></p>
            </div>
            <p class="p2">制动踏板</p>
        </div>
        <div class="foot-panel foot-panel2 mixin" id="pull-pedal">
            <div class="clearfix">
                <div class="foot-panel-box">
                    <div class="top-bg"></div>
                    <div class="num-area"></div>
                </div>
                <p class="p1"></p>
            </div>
            <p class="p2">牵引踏板</p>
        </div>

        <div class="light-box mixin" id="contactor-signal">
            <div class="light light1" title="电容主接触器"></div>
            <div class="light light2" title="电容预充电接触器"></div>
            <div class="light light3" title="电池主接触器"></div>
            <div class="light light4" title="电池预充电接触器"></div>
            <div class="light light5" title="电制动"></div>
        </div>

        <!--车速-->
        <div id="container-speed-3"
             style="width: 401px; height: 222px;position: absolute;left: 21px;top: 102px;"></div>

        <!--转速-->
        <div id="container-rpm-3"
             style="width: 401px; height: 222px;position: absolute;left: 596px;top: 102px;"></div>

        <!--动力电池电压-->
        <div id="battery-voltage-chart-3"
             style="width: 161px; height: 181px;position: absolute;left: 26px;top: 307px;"></div>

        <!--动力电池电压-->
        <div id="battery-circuit-chart-3"
             style="width: 161px; height: 181px;position: absolute;left: 161px;top: 307px;"></div>

        <!--前气压-->
        <div id="frontAirPressureChart-3"
             style="width: 161px; height: 181px;position: absolute;left: 697px;top: 307px;"></div>

        <!--后气压-->
        <div id="backAirPressureChart-3"
             style="width: 161px; height: 181px;position: absolute;left: 831px;top: 307px;"></div>
    </div>

    <div class="generous-meter-wrap new-energe-wrap new-energe-wrap4" id="bms" style="display: none;">

        <div class="light-flag-wrap">
            <div class="row1 clearfix">
                <i class="icon-flag icon-flag1" title="左转向灯"></i>
                <i class="icon-flag icon-flag2" title="前雾灯"></i>
                <i class="icon-flag icon-flag3" title="后雾灯"></i>
                <i class="icon-flag icon-flag4" title="近光灯"></i>
                <i class="icon-flag icon-flag5" title="远光灯"></i>
                <i class="icon-flag icon-flag6" title="ABS故障"></i>
                <i class="icon-flag icon-flag7" title="驻车制动器指示灯"></i>
                <i class="icon-flag icon-flag10" title="脚刹指示灯"></i>
                <i class="icon-flag icon-flag9" title="右转向灯"></i>
            </div>
            <div class="row2 clearfix">
                <i class="icon-flag icon-flag15" title="电池充电指示灯"></i>
                <i class="icon-flag icon-flag11" title="安全带指示灯"></i>
                <i class="icon-flag icon-flag16" title="后仓门开信号"></i>
                <i class="icon-flag icon-flag17" title="位置灯指示"></i>
                <i class="icon-flag icon-flag18" title="前车门"></i>
                <i class="icon-flag icon-flag19" title="中门"></i>
            </div>
        </div>

        <div class="vol-wrap soc2">
            <p>0<span>%</span></p>

            <div class="chart-box">
                <div class="top-bg"></div>
                <div class="num-area"></div>
            </div>
        </div>
        <div class="vol-wrap vol-wrap2 soc1">
            <p>0<span>%</span></p>

            <div class="chart-box">
                <div class="top-bg"></div>
                <div class="num-area"></div>
            </div>
        </div>
        <div class="info-text1">
            <div class="ready">
                READY
            </div>
            <div class="degree">
                N档
            </div>
        </div>
        <div class="info-text2 clearfix">
            <p class="clearfix p-s">
                <span id="subTotalMileage-4">0.0 <i>km</i></span>小计里程
            </p>

            <p class="p-s">
                <span id="totalMileage-4">0.0 <i>km</i></span> 总里程
            </p>
        </div>
        <div class="rate-wrap">
            <h4>车速 km/h</h4>

            <p class="p1 speed-text">
                0<span> <i>/</i> 限55
	                    </span>
            </p>

        </div>

        <div class="rate-wrap rate-wrap2">
            <h4>转速 r/min</h4>

            <p class="p1 rpm-text">0</p>

        </div>
        <div class="pressure-wrap">
            <p class="p1 dldcdl2"><span>0 </span></p>

            <p class="p3" style="width:90px;margin-left: -10px;">动力电池电流/A</p>
        </div>
        <div class="pressure-wrap pressure-wrap2" style="right:101px">
            <p class="p1 dldcdy2"><span>0 </span></p>

            <p class="p3" style="width:90px;margin-left: -10px;">动力电池电压/V</p>
        </div>
        <div class="pressure-wrap pressure-wrap3">
            <p class="p1 dldcdl1"><span>0</span></p>

            <p class="p3">动力电池电流/A</p>
        </div>
        <div class="pressure-wrap pressure-wrap4" style="right:816px">
            <p class="p1 dldcdy1"><span>0</span></p>

            <p class="p3">动力电池电压/V</p>
        </div>
        <div class="battery battery1">
            <div class="fl">
                <p title="单体最高电池电压">20(箱)/10(个)/100(V)</p>

                <p title="单体最低电池电压">21(箱)/8(个)/70(V)</p>
            </div>
            <div class="fr">
                <p title="单体最高电池温度">20(箱)/10(个)/70(℃)</p>

                <p title="单体最高电池温度">10(箱)/10(个)/30(℃)</p>
            </div>
        </div>
        <div class="battery  battery2">
            <div class="fl">
                <p title="单体最高电池电压">20(箱)/10(个)/100(V)</p>

                <p title="单体最低电池电压">21(箱)/8(个)/70(V)</p>
            </div>
            <div class="fr">
                <p title="单体最高电池温度">20(箱)/10(个)/70(℃)</p>

                <p title="单体最高电池温度">10(箱)/10(个)/30(℃)</p>
            </div>
        </div>

        <div class="gasbag front-gasbag">
            <p>0.0MPA</p>

            <div class="gasbag-box">
                <div class="top-bg"></div>
                <div class="num-area" style="width:17px"></div>
            </div>
            <p class="p2">前气压</p>
        </div>
        <div class="gasbag gasbag2 black-gasbag">
            <p>0.0MPA</p>

            <div class="gasbag-box">
                <div class="top-bg"></div>
                <div class="num-area" style="width:17px"></div>
            </div>
            <p class="p2">后气压</p>
        </div>
        <div class="foot-panel" style="top:287px;left:198px">
            <div class="clearfix totalDY" title="蓄电池电压">
                <div class="foot-panel-box">
                    <div class="top-bg"></div>
                    <div class="num-area"></div>
                </div>
                <p class="p1">0v</p>
            </div>
        </div>

        <!--车速-->
        <div class="speed-meter"
             style="width: 401px; height: 222px;position: absolute;left: 21px;top: 102px;"></div>

        <!--转速-->
        <div class="rpm-meter"
             style="width: 401px; height: 222px;position: absolute;left: 596px;top: 102px;"></div>

        <!--动力电池电压1-->
        <div class="battery-voltage-meter1"
             style="width: 160px; height: 181px;position: absolute;left: 53px;top: 307px;"></div>

        <!--动力电池电流1-->
        <div class="battery-circuit-meter1"
             style="width: 161px; height: 181px;position: absolute;left: 181px;top: 307px;"></div>

        <!--动力电池电流2-->
        <div class="battery-circuit-meter2"
             style="width: 161px; height: 181px;position: absolute;left: 677px;top: 307px;"></div>

        <!--动力电池电压2-->
        <div class="battery-voltage-meter2"
             style="width: 160px; height: 181px;position: absolute;left: 807px;top: 307px;"></div>

    </div>
</div>

</body>
</html>